<template>
	<div class="goods_item_container">
		<slot name="goods_img" alt="goods1" class="goods_item_img" ></slot>
<!-- 		<img src="../assets/goods1.png" alt="goods1" class="goods_item_img"> -->
		<!-- <div class="container_text">{{ goodsInfo }}</div> -->
		<slot name="item_price_text" alt="item_price_text" class="item_price_text" ></slot>
	
		<slot name="item_progress" alt="item_progress" class="item_progress" ></slot>
		
		<slot name="item_info" alt="item_info" class="item_info" ></slot>
		
 	</div>
</template>

<script>
	import {
		ShareSheet,
		showToast,
	} from 'vant';

	 
	import {
		ref
	} from 'vue'
	
	export default {
		setup() {
			const items= ['1', '2', '3', '4', 5, 6];
			const goodsInfo = "AED:30.00";
			return {
				items,
				goodsInfo,
			};
		},
		data() {
			
		},
		methods: {

		}
	}
</script>
<style scoped>
	.goods_item_container {
		margin-top: -3.2rem;
		/* display: flex;
		align-items: flex-start; 
		 align-items: center; 
		justify-content: center;
		width: 100%;
		height: 100%;
		margin: 0 -1rem; */
	}

	.goods_item_content {
	/* 	display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 -1rem;
		align-items: flex-start;
		margin-bottom: 1rem; */
		/* 负的 margin 以充满容器 */
	}

	.goods_item_img {
	/* 	width: 50px;
		height: 50px;
		top: 1rem; */
		/* margin-bottom: 10px; */
		/* 根据需要调整 margin-bottom */
	}

	.container_share_img {
	/* 	position: relative;
		top: -12rem;
		right: 0;
		left: 85vw;
		width: 1rem;
		height: 1rem; */
	}

	.item_price_text {
	/* 	margin-top: 0.2rem;
		text-align: left;
		margin-left: 0.5rem;
		color: rgb(254, 89, 40);
		font-family: 'PingFang SC';
		font-size: 1rem; */
	}

	.item_progress {
	/* 	position: relative;
		margin-top: -1rem;
		width: 50%;
		left: 45vw;
		border-radius: 25; */
	}


	/* .buy_text {
		position: relative;
		text-align: left;
		margin-left: 0.5rem;
		font-family: PingFang-SC-Medium;
		color: rgb(150, 150, 150);
		font-size: 0.6rem;
		line-height: 0.1rem;
	} */
	
	/* .item_info_text {
		position: relative;
		text-align: left;
		margin-left: 0.5rem;
		margin-top: 0.2rem;
		font-size: 0.8rem;
		line-height: 0.1rem;
	} */
	.van-toast__text {
	  font-size: 1.5rem;
	}
	.van-toast {
	  width: 80vw; /* 自定义宽度 */
	   height:10vh;
	}
</style>